

//     页面请求数据]
// 注意:
// 1.打开文档
// 2.必须引入js css 文件
// 3.设置属性和文档一致,form name属性值 对象属性名一致

let form = layui.form;

// 1.请求数据
function get() {
  $.ajax({
    url: '/my/userinfo',
    success: function (res) {
      if (res.status == 0) {
        // 2.拿到数据,表单赋值
        // form name 属性值 对象属性名一致
        form.val("user", res.data);
      }
    }
  })
};
get()


// 修改提交更新数据
// 新的表单元素: <input type="hidden" name="id"></input> 隐藏,意义name属性=id
// 1.注册事件
$('.layui-form').on('submit', function (e) {
  e.preventDefault()
  // 2.验证数据 思路

  // 3.收集数据
  let data = form.val('user')
  // 4.提交数据
  $.ajax({
    url: '/my/userinfo',
    type: 'post',
    data: data,
    success: function (res) {
      layer.msg(res.message);
      if (res.status == 0) {
        // 1.HTML页面嵌套，window对象各自的；通过父子关系找到父级window;
        // 2.index.js 把获取用户信息ajax封装方法getInfo
        // 3.提交数据成功，要父级的getInfo重新执行一次！
        window.parent.getinfo()
      }
    }
  })
})


// 注册重置事件
$('.layui-form').on('reset', function (e) {
  e.preventDefault()
  get();
});